<template>
  <div id="app" ref="scrollContainer">
    <router-view/>
  </div>
</template>

<style>
  *{
    margin: 0;
    padding: 0;
  }
  html,body{
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff !important;
  }
  #app {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff !important;
  }
  .imgwh{
    width: 100%;
    height: 100%;
  }

  input{
    border: 0;/*清除自带的2px的边框*/
    padding: 0;/*清除自带的padding间距*/
    outline: none;/*清除input点击之后的黑色边框*/
  }

  .ml5{
    margin-left: 5px;
  }

  .font16 {
    font-size: 16px !important;
  }
  .font14 {
    font-size: 14px !important;
  }
  .font12 {
    font-size: 12px !important;
  }
  .font10 {
    font-size: 12px !important;
  }
  .font8 {
    font-size: 12px !important;
    transform: scale(0.9) !important;
  }
  .bold{
    font-weight: bold;
  }
  .ml60{
    margin-left: 60px !important;
  }
  .ml80{
    margin-left: 80px !important;
  }
  .ml150{
    margin-left: 150px !important;
  }
  .mt50{
    margin-top: 50px;
  }
  .mt40{
    margin-top: 40px;
  }
  .imgwh{
    width: 100%;
    height: 100%;
  }

  .color333{
    color: #333333;
  }
  .color666{
    color: #666666;
  }

  ::-webkit-scrollbar {
    width: 15px;
  }
  ::-webkit-scrollbar-thumb {
    /*//滑块部分*/
    border-radius: 10px;
    background-color: #4589F6;
  }
  ::-webkit-scrollbar-track {
    /*//轨道部分*/
    background-color: #CBDEFF;
    border-radius: 10px;
  }


  .demo-spin-col .circular {
    width:25px;
    height:25px;
  }
  .demo-spin-icon-load{
    animation: ani-demo-spin 1s linear infinite;
  }
  @keyframes ani-demo-spin {
    from { transform: rotate(0deg);}
    50%  { transform: rotate(180deg);}
    to   { transform: rotate(360deg);}
  }
  .demo-spin-col{
    height: 100px;
    position: relative;
    margin: 0 auto;
    /*border: 1px solid #eee;*/
  }


</style>
